<template>
  <div id="app11">
    <Header1 />
    <Nav />
  <div class="body1">
    <div id="hero-gallery" class="gallery">
      <div class="column">
        <!-- 英雄图片及其描述 -->
        <div v-for="index in 5" :key="index" class="hero-container">
          <img :src="`../../../../../public/${index + 228}.jpg`" :alt="`英雄${index}`" class="hero-image" @click="showModal(getHeroDescription(index))">
          <p class="description">土地革命时期英雄{{index}}</p>
        </div>
      </div>
      <div class="column">
        <div v-for="index in 5" :key="index" class="hero-container">
          <img :src="`../../../../../public/${index + 233}.jpg`" :alt="`英雄${index}`" class="hero-image" @click="showModal(getHeroDescription1(index))">
          <p class="description">建党和大革命时期英雄{{index}}</p>
        </div>
      </div>
      <div class="column">
        <div v-for="index in 5" :key="index" class="hero-container">
          <img :src="`../../../../../public/${index + 238}.jpg`" :alt="`英雄${index}`" class="hero-image" @click="showModal(getHeroDescription2(index))">
          <p class="description">抗日战争时期英雄{{index}}</p>
        </div>
      </div>
    </div>
    <!-- 模态框 -->
    <div id="description-modal" class="modal" v-show="isModalVisible" @click.self="closeModal">
      <div class="modal-content">
        <span class="close" @click="closeModal">&times;</span>
        <p>{{ modalDescription }}</p>
      </div>
    </div>
  </div>
  <Footer1 />
  </div>
</template>

<script>
import { ref } from 'vue';
import Header1 from '@/modules/module2/module2-tudi/components/Header1.vue';
import Nav from '@/modules/module2/module2-tudi/components/Nav.vue';
import Footer1 from '@/modules/module2/module2-tudi/components/Footer1.vue';

export default {
  components: {
    Header1,
    Nav,
    Footer1
  },
  setup() {
    const isModalVisible = ref(false);
    const modalDescription = ref('');

    const showModal = (description) => {
      modalDescription.value = description;
      isModalVisible.value = true;
    };

    const closeModal = () => {
      isModalVisible.value = false;
    };

    // 生成英雄描述的方法
    const getHeroDescription = (index) => {
      const descriptions = [
        '浩然正气垂青史——方志敏 方志敏（1899-1935）男，汉族，江西省弋阳县人，中共党员。2009年被评选为“100位为新中国成立作出突出贡献的英雄模范人物”。 方志敏1922年8月加入中国社会主义青年团。1924年3月转入中国共产党。中共第六届中央委员。1928年1月，参与领导弋横起义，创建赣东北苏区，领导组建中国工农红军第10军。先后任赣东北省、闽浙赣省苏维埃政府主席，红10军政治委员，中共闽浙赣省委书记。他把马克思主义普遍真理与赣东北实际相结合，创造了一整套建党、建军和建立红色政权的经验，毛泽东称之为“方志敏式”的根据地。1934年11月初，任红10军团军政委员会主席，奉命率红军北上抗日先遣队北上，在皖南遭国民党军重兵围追堵截，艰苦奋战两月余，终因寡不敌众，于1935年1月29日被俘。被俘时，国民党士兵搜遍他全身，除一块怀表和一支钢笔，没有一文钱。在狱中，面对敌人的严刑和诱降，他正气凛然，坚贞不屈。在极端艰苦的条件下，写下了《可爱的中国》、《清贫》等著名文稿。“清贫，洁白朴素的生活，正是我们革命者能够战胜许多困难的地方！”“敌人只能砍下我们的头颅，决不能动摇我们的信仰！”等激动人心、感人肺腑的语言，给我们留下了宝贵的精神财富。1935年8月6日，在江西南昌英勇就义。',
        '浩然正气垂青史——方志敏 方志敏（1899-1935）男，汉族，江西省弋阳县人，中共党员。2009年被评选为“100位为新中国成立作出突出贡献的英雄模范人物”。 方志敏1922年8月加入中国社会主义青年团。1924年3月转入中国共产党。中共第六届中央委员。1928年1月，参与领导弋横起义，创建赣东北苏区，领导组建中国工农红军第10军。先后任赣东北省、闽浙赣省苏维埃政府主席，红10军政治委员，中共闽浙赣省委书记。他把马克思主义普遍真理与赣东北实际相结合，创造了一整套建党、建军和建立红色政权的经验，毛泽东称之为“方志敏式”的根据地。1934年11月初，任红10军团军政委员会主席，奉命率红军北上抗日先遣队北上，在皖南遭国民党军重兵围追堵截，艰苦奋战两月余，终因寡不敌众，于1935年1月29日被俘。被俘时，国民党士兵搜遍他全身，除一块怀表和一支钢笔，没有一文钱。在狱中，面对敌人的严刑和诱降，他正气凛然，坚贞不屈。在极端艰苦的条件下，写下了《可爱的中国》、《清贫》等著名文稿。“清贫，洁白朴素的生活，正是我们革命者能够战胜许多困难的地方！”“敌人只能砍下我们的头颅，决不能动摇我们的信仰！”等激动人心、感人肺腑的语言，给我们留下了宝贵的精神财富。1935年8月6日，在江西南昌英勇就义。',
        '与红军彝海结盟——小叶丹  小叶丹（果基约达，1894-1942），男，彝族，四川省冕宁县（今彝海乡）人。2009年被评选为“100位为新中国成立作出突出贡献的英雄模范人物”。小叶丹因熟悉本民族典故和习俗，成为本家支和当地有声望、有影响的彝族首领。1935年5月，红军渡过金沙江进入四川凉山彝族地区，受到不明真相的彝族群众和彝族部族武装的阻挡。由于红军严格执行党的民族纪律，绝不向受苦受难的彝族同胞开枪，彝族首领小叶丹深受感动。他在亲自见到红军北上先遣队司令员刘伯承后，对红军更是深怀敬意，提出要与刘伯承司令员按照彝族习俗歃血为盟，刘伯承欣然应允。5月22日，在山清水秀的彝海边，刘伯承与小叶丹举行了著名的彝海结盟仪式。红军授予他“中国夷民红军沽鸡支队”的旗帜，他派向导为红军带路。红军在他派出的向导带领下，顺利走出凉山彝族地区，直达安顺场，为红军大部队顺利过境创造了条件。彝海结盟是红军长征途中的一段佳话，是彝族人民对中国革命作出重大贡献的具体体现。红军过后，彝族人民受到国民党反动政府的疯狂报复和迫害。1942年6月18日（农历5月5日），小叶丹遭到被国民党军队收买的部族武装伏击身亡。1950年春，小叶丹夫人等亲属把保存下来的“中国夷民红军沽鸡支队”队旗，献给人民政府。',
        '井冈骁将——王尔琢   王尔琢（1903-1928）男，汉族，湖南省石门县人，中共党员。2009年被评选为“100位为新中国成立作出突出贡献的英雄模范人物”。王尔琢1924年考入黄埔军校第一期，同年秋加入中国共产党。曾任学生队分队长，参加平定广州商团叛乱和讨伐军阀陈炯明的两次东征。1926年参与国民革命军第3师的改编工作，任东路先遣军党代表，参加北伐战争。后任国民革命军第3军26团党代表。1927年任国民革命军第4军25师74团参谋长。同年8月，率该团重机枪连参加南昌起义。起义军南下广东后，率部参加三河坝战斗。后随朱德、陈毅等转战闽粤赣湘边，坚持武装斗争。1928年1月参加领导湘南起义，任工农革命军第1师参谋长。1928年4月，朱德与毛泽东率部队在井冈山会师后，他任中国工农红军第4军参谋长兼第28团团长，不仅协助毛泽东、朱德制定适合于红军的战略战术，而且每次大的战斗，都亲临火线直接指挥部队作战。他曾先后指挥五斗江、草市坳和龙源口等战斗，率28团英勇作战，粉碎湘赣两省国民党军的“会剿”，成为纵横井冈山的一员骁将，为保卫和发展井冈山革命根据地作出了重大贡献，赢得了“飞兵二十八团”的佳誉。同年8月25日，在江西崇义思顺墟追击叛徒时，英勇牺牲，年仅25岁。',
        '中国工人运动的杰出领袖——邓中夏   邓中夏（1894-1933）男，汉族，湖南省宜章县人，中共党员。2009年被评选为“100位为新中国成立作出突出贡献的英雄模范人物”。邓中夏1920年10月参加北京的共产党早期组织。1922年任中国劳动组合书记部主任。1923年参加创办上海大学，任教务长。1925年中华全国总工会成立后，任秘书长兼宣传部长，参与组织领导省港大罢工。大革命失败后，参加党的八七会议，被选为中央临时政治局候补委员。随后，任中共江苏省委书记、中共中央军事部代部长、中共广东省委代书记。1928年赴莫斯科，任中华全国总工会驻赤色职工国际代表。1930年回国后被任命为中央代表赴湘鄂西根据地，任湘鄂西特委书记、红2军团（后改为红3军）政委、前敌委员会书记、中央革命军事委员会委员。1932年到上海任全国赤色互济会总会主任兼党团书记。中共第二届、五届中央委员，第三届、六届中央候补委员，中央临时政治局候补委员。1933年5月被捕。在狱中，被叛徒供出身份，被押往南京国民党宪兵司令部监狱。他以共产党员的坚定信念和钢铁意志，经受了敌人金钱厚禄的利诱和严刑拷打的考验。他对狱中地下党负责人说：“就是把邓中夏的骨头烧成灰，邓中夏还是共产党员。”1933年9月21日，他高呼着“中国共产党万岁！”的口号，昂首走向刑场，英勇就义。',
        '遵义城下洒热血——邓萍邓萍（1908-1935）男，汉族，四川省富顺县人，中共党员。2009年被评选为“100位为新中国成立作出突出贡献的英雄模范人物”。邓萍1926年底考入武汉中央军事政治学校，在校加入中国共产主义青年团，不久转入中国共产党。1927年秋被派到国民党军湖南独立第5师彭德怀任团长的第1团从事兵运工作。在该团秘密组织成立中共党支部和团委，任书记。1928年7月参与组织领导平江起义，任中国工农红军第5军参谋长、中共红5军军委书记。参加领导开辟湘鄂赣苏区。同年冬和彭德怀、滕代远率红5军主力到井冈山，参加保卫井冈山革命根据地的斗争。1930年6月任红3军团参谋长兼红5军军长，参与指挥红3军团进行长沙战役和参加中央苏区历次反“围剿”。1933年7月兼任红军东方军参谋长，参与指挥所部入闽作战。在中央苏区，他南征北战，战功卓著，成为红军的著名将领。期间，曾兼任红5军随营学校教育长，参与筹建工农红军学校，任副总队长兼教育长，培养了大批红军干部。1934年1月，被选为中华苏维埃共和国中央候补执行委员。同年10月参加长征，协助彭德怀指挥红3军团担任右路前卫，掩护中共中央机关和红一方面军主力突围。1935年2月27日，在遵义战役前线指挥作战时，不幸中弹牺牲，年仅27岁。',
      ];
      return descriptions[index];
    };
    const getHeroDescription1 = (index) => {
      const descriptions = [
        '琼崖革命的先驱——冯平  冯平（1899-1928）男，汉族，海南省文昌县人，中共党员。2009年被评选为“100位为新中国成立作出突出贡献的英雄模范人物”。五四运动时期，冯平带领海南的进步青年学生投身革命洪流。1923年，赴苏联学习。1924年10月，被中共旅莫支部吸收加入中国共产党。1925年8月回国，到广东省农民协会工作。1926年初，冯平受党委托回琼开展革命宣传和组织工作。1927年琼崖“四二二”事变后，冯平任中共琼崖特委委员兼军事部部长、琼崖讨逆革命军总司令，参加领导全琼武装总暴动，创立工农革命武装。后任中共琼崖特委军委主任兼琼崖工农革命军司令、琼崖工农革命军总西路军总司令，领导琼崖西路的澄迈、临高、儋县三县开展武装斗争，发展革命力量，开辟、扩大农村革命根据地。1928年3月，广东省国民党反动当局派第十一军第十师及谭启秀独立团4000余人对琼崖苏区和红军进行“围剿”，冯平被迫率部转移。由于叛徒出卖，5月9日，冯平在琼山县西昌地区仁教岭被国民党军包围，弹尽负伤被捕。敌人把冯平绑在竹椅上抬着“示众”。冯平毫无惧色，对前来围观的数千名群众进行革命宣传：“革命不怕死，怕死不革命，杀了一个冯平，还有千万个冯平！革命是杀不绝的，共产主义一定会实现！”1928年7月4日，冯平在澄迈县金江镇英勇就义。',
        '琼崖革命的先驱——冯平  冯平（1899-1928）男，汉族，海南省文昌县人，中共党员。2009年被评选为“100位为新中国成立作出突出贡献的英雄模范人物”。五四运动时期，冯平带领海南的进步青年学生投身革命洪流。1923年，赴苏联学习。1924年10月，被中共旅莫支部吸收加入中国共产党。1925年8月回国，到广东省农民协会工作。1926年初，冯平受党委托回琼开展革命宣传和组织工作。1927年琼崖“四二二”事变后，冯平任中共琼崖特委委员兼军事部部长、琼崖讨逆革命军总司令，参加领导全琼武装总暴动，创立工农革命武装。后任中共琼崖特委军委主任兼琼崖工农革命军司令、琼崖工农革命军总西路军总司令，领导琼崖西路的澄迈、临高、儋县三县开展武装斗争，发展革命力量，开辟、扩大农村革命根据地。1928年3月，广东省国民党反动当局派第十一军第十师及谭启秀独立团4000余人对琼崖苏区和红军进行“围剿”，冯平被迫率部转移。由于叛徒出卖，5月9日，冯平在琼山县西昌地区仁教岭被国民党军包围，弹尽负伤被捕。敌人把冯平绑在竹椅上抬着“示众”。冯平毫无惧色，对前来围观的数千名群众进行革命宣传：“革命不怕死，怕死不革命，杀了一个冯平，还有千万个冯平！革命是杀不绝的，共产主义一定会实现！”1928年7月4日，冯平在澄迈县金江镇英勇就义。',
        '秋收起义年轻的总指挥——卢德铭。  卢德铭（1905-1927）男，汉族，四川省宜宾县人，中共党员。2009年被评选为“100位为新中国成立作出突出贡献的英雄模范人物”。卢德铭1921年考入成都公学，期间开始接触《新青年》等进步书刊，接受马克思主义。1924年春考入黄埔军校，同年加入中国共产党。1925年11月，任叶挺独立团第2营第4连连长。1926年5月，率部作为北伐先锋挺进湖南。在北伐战争中，由于作战勇敢，先后升任独立团第1营营长、第73团参谋长、第4集团军第二方面军总指挥部警卫团（即武汉国民政府警卫团）团长。1927年8月2日，率警卫团前往南昌参加起义。因南昌起义部队已南下，他遂率警卫团进驻修水县城。9月9日，率警卫团参加毛泽东领导的湘赣边界秋收起义，任起义部队总指挥。起义受挫后，在9月19日的文家市前委会议上，毛泽东主张放弃攻打长沙，把起义军转移到敌人统治力量薄弱的农村山区。师长余洒渡（后脱党）坚持“取浏阳直攻长沙”的错误意见。卢德铭坚决支持毛泽东的主张，认为再攻长沙就有全军覆没的危险。他对毛泽东意见的坚定支持，对于会议统一思想，起了重要作用。会议经过激烈争论，最后通过了毛泽东的正确主张。1927年9月25日，毛泽东率领的秋收起义部队在萍乡芦溪遭到江西国民党军队的袭击。为了掩护部队撤退，卢德铭英勇牺牲，年仅22岁。',
        '广西农民运动的先驱——韦拔群  韦拔群（1894-1932）男，壮族，广西壮族自治区东兰县人，中共党员。2009年被评选为“100位为新中国成立作出突出贡献的英雄模范人物”。韦拔群1916年初在贵州加入讨伐袁世凯的护国军，参加了护国战争。后入贵州讲武堂学习，毕业后到黔军任参谋。在五四运动影响下，1920年离开黔军到广州加入“改造广西同志会”，次年回东兰从事农民运动，先后组织“改造东兰同志会”（称农民自治会）和“国民自卫军”（后称农民自卫军），指挥农军三打东兰县城，赶跑县知事和团总。1925年初入广州农民运动讲习所学习，结业后回东兰继续从事农民运动，主办农讲所，培养骨干，发展农会和农民武装，把农运推向右江地区。1926年领导成立东兰县革命委员会，任主任，同年冬加入中国共产党。1929年12月参与领导百色起义，建立右江根据地，任右江苏维埃政府委员、中国工农红军第7军第3纵队司令员、第21师师长。1930年11月，红7军主力奉命北上，离开右江根据地，他坚决服从军前委命令，带领百余人留在右江根据地，发动群众，重新组建部队，在极其艰苦的条件下坚持游击战争。他一家20余人，包括他的儿子在内的10多位亲人惨遭敌人杀害。1932年10月19日，被叛徒杀害于广西东兰赏茶洞。',
        '生是为中国死是为中国——刘伯坚  刘伯坚（1895-1935）男，汉族，四川省平昌县人，中共党员。2009年被评选为“100位为新中国成立作出突出贡献的英雄模范人物”。刘伯坚早年曾就读于川东高等师范学校、成都高等师范学堂。1920年赴欧洲勤工俭学。1921年与周恩来、赵世炎等人发起组织旅欧中国少年共产党，1922年8月转为中国共产党党员。曾任中共旅比（利时）支部书记、中共旅欧总支部书记。1923年底入莫斯科东方大学学习，为中共旅莫支部和旅莫共青团负责人。1926年8月回国，按照中共中央指示，应邀在冯玉祥部任国民军第二集团军（原西北军）总政治部副部长。后任中共湖北省委组织部长，江苏省委常委、宣传部长。1928年，再次被派往苏联学习军事，并出席了中共第六次全国代表大会。1930年回国到中央苏区，曾当选为中华苏维埃共和国第一届中央执行委员会委员，并担任苏区工农红军学校政治部主任。1931年底，参与领导和指挥了国民党第26路军宁都起义，并担任由起义部队改编的红5军团政治部主任。1932年5月至1934年1月任中华苏维埃共和国中央革命军事委员会总政治部宣传部副部长，并当选为中华苏维埃共和国第二届中央执行委员会委员。中央红军长征后，留在苏区坚持斗争。1935年3月4日，率部队突围时不幸负伤被捕。3月21日，壮烈牺牲，时年40岁。',
        '群众领袖民族英雄——刘志丹   刘志丹（1903-1936）男，汉族，陕西省保安县人，中共党员。2009年被评选为“100位为新中国成立作出突出贡献的英雄模范人物”。刘志丹1924年加入中国社会主义青年团，1925年春转入中国共产党，同年冬受党指派进入黄埔军校第四期学习。大革命时期，积极参加北伐战争。1928年4月，参与领导渭华起义，任西北工农革命军军事委员会主席。后在陕甘边开展兵运工作。1931年10月，和谢子长等组建西北反帝同盟军，后改编为中国工农红军陕甘边游击队，任副总指挥、总指挥，开辟以照金、南梁为中心的陕甘边苏区。此后，相继任陕甘边红军临时指挥部副总指挥兼参谋长、红26军42师师长、中共陕甘边军事委员会主席、西北革命军事委员会主席，把陕北、陕甘边两块苏区连成一片，成为中共中央和各路北上抗日红军长征之后的落脚点。1935年9月，刘志丹任合编后的红15军团副军团长兼参谋长，参与指挥劳山战役。后任北路军总指挥兼第28军军长、中共中央所在地瓦窑堡警备司令。刘志丹经常教育部队顾全大局，绝对服从中共中央的领导和调遣。在他的影响下，陕北红军与中央红军团结一致，共同对敌。1936年，刘志丹率红28军参加东征战役，挺进晋西北，屡克敌军。4月14日在中阳县三交镇战斗中牺牲。为纪念他，中共中央和陕甘宁边区政府决定将保安县改名为志丹县。',
      ];
      return descriptions[index];
    };
    const getHeroDescription2 = (index) => {
      const descriptions = [
        '这位英雄在战场上以无畏的勇气和智慧著称。11',
        '寻淮洲（1912-1934）男，汉族，湖南省浏阳县人，中共党员。2009年被评选为“100位为新中国成立作出突出贡献的英雄模范人物”。寻淮洲1927年9月随浏阳工农义勇队参加湘赣边界秋收起义，后到井冈山，参加开辟井冈山革命根据地斗争。1928年转入中国共产党。先后任中国工农红军第4军排长、连长，参加井冈山革命根据地反“会剿”作战。1929年春随红4军转战赣南、闽西。1930年调任红1军团第12军34师营长、团长，后任35师师长。1932年3月任红1军团第15军45师师长，12月任第21军军长。率部参加中央苏区历次反“围剿”作战。1933年2月在第四次反“围剿”的黄陂战斗中，率21军插入敌后，切断国民党军第52师退路，为全歼该师创造了条件。6月任红3军团第5师师长，率部参加东方军，入闽作战，指挥部队连战告捷。同年10月任红7军团军团长。1934年1月被选为中华苏维埃共和国中央执行委员。1934年7月，他和乐少华奉命转战闽浙皖赣边。11月所部进入闽浙赣苏区，与方志敏领导的红10军合编为红10军团，他任第19师师长，继续率部北上。同年12月，在安徽太平（今黄山）谭家桥战斗中，他指挥部队同数倍于己之敌展开激战，不幸腹部中弹。在弥留之际，口中还在反复地念着：“北上抗日！北上抗日！”因流血过多，壮烈牺牲。',
        '中国妇女运动的先驱——向警予 2009年被评选为“100位为新中国成立作出突出贡献的英雄模范人物”。',
        '彭湃（1896.10.22-1929.8.30）男，汉族，广东省海丰县人，中共党员。中国无产阶级革命家，中国农民运动的领袖，被毛泽东称为“农民运动之王”。2009年9月10日，彭湃被评为“100位为新中国成立作出突出贡献的英雄模范人物”。彭湃1918年入日本早稻田大学政治经济科学习，积极参加中国留学生的反帝爱国活动。1921年5月回国，不久参加中国社会主义青年团，后长期在广东从事农民运动。1924年转为中国共产党员。7月，在广州创办农民运动讲习所，曾担任第一届和第五届农民运动讲习所主任。1927年3月任中华全国农民协会临时执行委员会秘书长。大革命失败后，参与领导八一南昌起义，南下广东后任东江农民自卫军总指挥。八七会议上被选为中央临时政治局委员。同年11月领导了海陆丰农民武装起义，建立海陆丰苏维埃政权，任中共东江特委书记。1928年11月起被选为中央政治局委员，并赴上海任中央农委书记。后任中央军委委员、中共江苏省委常委。中共第五、六届中央委员，中央临时政治局委员，第六届中央政治局委员，中央军委委员。1929年8月24日，因叛徒出卖被捕。在敌人的严讯逼供中，他始终坚贞不屈，大义凛然。1929年8月30日，他与被捕的战友们一起高唱《国际歌》，呼喊着“打倒帝国主义！”“打倒汉奸卖国贼蒋介石！”“中国苏维埃万岁！”“中国红军万岁！”“中国共产党万岁！”等口号，走向刑场，英勇就义。',
        '王尽美（1898-1925）男，汉族，山东省莒县人，中共党员。2009年被评选为“100位为新中国成立作出突出贡献的英雄模范人物”。王尽美是山东党组织早期组织者和领导者，中国共产党创始人之一。1919年参加五四爱国运动，被推举为山东学生联合会负责人之一。1920年3月北京大学马克思学说研究会成立后，被发展为外埠会员。同年冬，与邓恩铭等发起成立励新学会。1921年春，发起创建济南的共产党早期组织。7月，赴上海出席中国共产党第一次全国代表大会，后任中共山东区支部书记，中国劳动组合书记部山东分部主任。1922年1月，参加在莫斯科召开的远东各国共产党和民族革命团体第一次代表大会。7月，出席中共第二次全国代表大会。会后留在中央负责领导工人运动，参与制订《劳动法大纲》，先后领导山海关、秦皇岛等地的罢工斗争，是开滦五矿总同盟罢工指挥部成员之一。1922年11月，在山海关领导建立党的组织。1923年2月，被反动当局逮捕，经工人营救获释，继续主持山东党的全面工作。1924年1月，参加中国国民党第一次全国代表大会。11月，任中共山东地方执行委员会书记。1925年1月出席中共第四次全国代表大会。1925年2月抱病组织青岛国民会议促成会，参与领导胶济铁路工人大罢工。因长期积劳成疾，同年8月在青岛逝世。',
        '邓恩铭（1901-1931）男，水族，贵州省荔波县人，中共党员。2009年被评选为“100位为新中国成立作出突出贡献的英雄模范人物”。邓恩铭1918年考入济南省立第一中学。五四运动爆发后，积极响应北京学生爱国运动，被选为学生自治会领导人兼出版部部长，组织学生参加罢课运动。1920年11月，他与王尽美等组织励新学会，介绍俄国十月革命。1921年春，发起建立济南的共产党早期组织。同年7月，与王尽美代表山东共产党早期组织，赴上海出席中国共产党第一次全国代表大会。会后回济南建立中共山东区支部，任支部委员。1922年1月，赴莫斯科参加远东各国共产党和民族革命团体第一次代表大会，受到列宁的亲切接见。7月参加中共第二次全国代表大会。同年底，赴青岛，创建党组织，先后任中共直属青岛支部书记、中共青岛市委书记。大革命时期，先后领导胶济铁路工人大罢工和青岛全市工人大罢工，组织成立青岛市各界联合会和市总工会。1927年4月，赴武汉出席中共第五次全国代表大会，回山东后，任中共山东省执行委员会书记。大革命失败后，辗转山东各地，领导党组织开展斗争。八七会议后，任山东省委委员。1928年春任青岛市委书记。1928年12月，在济南被捕。在监狱中，领导其他党员组织越狱斗争。1931年4月英勇就义。',
      ];
      return descriptions[index];
    };


    return {
      isModalVisible,
      modalDescription,
      showModal,
      closeModal,
      getHeroDescription,
      getHeroDescription1,
      getHeroDescription2
    };
  }
};
</script>

<style scoped>
.body1 {
  background: linear-gradient(to bottom, rgba(239, 103, 103, 0), rgb(249, 56, 17));
}
.gallery {
  display: flex;
  justify-content: space-around;
  margin-left: 100px;
  margin-right: 100px;
  background-color: rgba(255, 255, 255,0.3);
}

.column {

  display: flex;
  flex-direction: column;
  align-items: center;
}
.hero-container {
  border: 2px solid rgb(177, 26, 26); /* 红色边框 */
  background-image: url("../../../../../public/250.webp");
  height: 300px;
  padding: 5px; /* 内边距 */
  margin: 10px;
  display: flex;
  width: 350px;
  flex-direction: column;
  align-items: center;
  border-radius: 20%;
}
.hero-image {
  width: 150px; /* 根据需要调整图片大小 */
  height: 220px;
  margin: 10px;
  cursor: pointer;
  transition: transform 0.2s;
  border: 2px solid rgb(137, 136, 136); /* 添加红色边框 */
}

.hero-image:hover {
  transform: scale(1.1);
}
.description {
  margin-top: 5px; /* 描述文本与图片的间距 */
  text-align: center; /* 文本居中 */
}
.modal {
  position: fixed;
  z-index: 1;
  left: 0;
  top: 0;
  width: 100%;
  height: 100%;
  background-color: rgba(0,0,0,0.4); /* 添加背景色 */
  display: flex;
  justify-content: center;
  align-items: center;
  pointer-events: auto; /* 允许事件 */
}

.modal-content {
  background-color: #fff7ee;
  padding: 20px;
  border: 1px solid #888;
  border-radius: 8px;
  width: 80%;
  max-width: 500px;
  z-index: 2; /* 确保内容在背景之上 */
}

.close {
  color: #aaa;
  float: right;
  font-size: 28px;
  font-weight: bold;
}

.close:hover,
.close:focus {
  color: black;
  text-decoration: none;
  cursor: pointer;
}
</style>
